<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<meta name="viewport" content="width=device-width, initial-scale=1">
		<title>表格标签</title>
		<style type="text/css">
			.tab1{
				width: 800px;
			}
			.tab1 img {
				width: 50px;
			}
		</style>
	</head>
	<body>
		<table class="tab1" border="1" cellspacing="0" cellpadding="0">
			<tr>
				<th>序号</th>
				<th>品牌logo</th>
				<th>品牌名称</th>
				<th>企业名称</th>
			</tr>
			<tr align="center">
				<td>010</td>
				<td><img src="../../img/三只松鼠.png" /></td>
				<td>三只松鼠</td>
				<td>三只松鼠</td>
			</tr>
			<tr align="center">
				<td>010</td>
				<td><img src="../../img/优衣库.png"></td>
				<td>优衣库</td>
				<td>优衣库</td>
			</tr>
			
			<tr align="center">
				<td>010</td>
				<td><img src="../../img/小米.png" ></td>
				<td>小米</td>
				<td>小米科技有限公司</td>
			</tr>
		</table>
	</body>
	<script type="text/javascript">
		var trArr = document.getElementsByTagName("tr");
		for (var i = 0; i < trArr.length; i++) {
			trArr[i].onmousemove = function (){
				this.style.backgroundColor = "#999999";
			}
			trArr[i].onmouseout = function (){
				this.style.backgroundColor = "#ffffff";
			}
		}
	</script>
</html>